*{
	margin: 0;
	padding: 0;
}
.portrait{
	width: 100vw;
	height: auto;	
}
.head-portrait{
	padding-top: 10vw;
	text-align: center;
}
.portrait img{
	width: 32vw;
	height: 32vw;
}
.portrait .title-name{
	text-align: center;
    font-size:7vw;
    color:#e1e6ea;
}
.portrait .num-text{
	text-align: center;
    font-size:4vw;
    color:#e1e6ea;
}
.text-introduce{
	margin-top: 10vw;
	text-align: center;
	font-size:4vw;
    color:#e1e6ea;
    line-height: 160%;
}
.Tooltip-text{
	margin-top: 10vw;
	text-align: center;
	font-size:4vw;
    color:#e1e6ea;
    font-weight: bold;
}
.arrow{
	text-align: center;
	margin-top: 1vw;
}
.arrow img{
	width: 5.5vw;
	height: 3.6vw;
}
.button-btn{
	text-align: center;
	margin-top: 3.3vw;
}
.portrait button{
	width: 46.2vw;
	height: 10vw;
	color: #5d3900;
	font-weight: bold;
	border:0;
	border-radius: 100px;
	background-color: #f39800;
}
.logo4{
	margin-top: 10vw;
	text-align: center;
	margin-bottom: 15vw;
}
.logo4 img{
	width: 30vw;
	height: 16vw;
}
.btn-text {
    font-size: 5vw;
}
.icon-separated{
	margin-top: 5vw;
	text-align: center;
	margin-bottom: 5vw;
}
.icon-separated img{
	width: 38vw;
	height: 5.6vw;
}
.descr-background{
	margin: auto;
	padding-top: 3.25vw; 
	width: 70.5vw;
	height: 38.5vw;
	border-radius: 10%;
	background-color: #e1e6ea;
}
.descr-framework{
	margin: auto;
	width: 64vw;
	height: 33.3vw;
	font-size:4vw;
	color: #677488;
	border-radius:10%;
	border: 3px dashed #677488;
	text-align: center;
}
.descr-text{
	display: block;
	margin-top: 5vw;
}
.descr-introduce{
	display: block;
	margin-top: 0vw;
	font-size:5vw;
	font-weight: bold;
}